/*
IMAGE BLOCKS WITH LINKS AND DESCRIPTION - CSS ONLY / NO JAVASCRIPT

Advanced Setting String examples:
4
4;--sf-gap:30px;--sf-radius:16px;
4;--sf-bg:#ffffff;--sf-title:#222222;--sf-text:#555555;
--sf-columns:4;--sf-gap:20px;

Legacy number-only values are supported for backward compatibility:
1 = 12 across, 2 = 6 across, 3 = 4 across, 4 = 3 across, 5/6 = 2 across, 7-12 = 1 across.
Blank/new installs default to 3 columns. Tablet defaults to 2 columns and mobile to 1 column.

Available variables:
--sf-columns
--sf-tablet-columns
--sf-mobile-columns
--sf-gap
--sf-max-width
--sf-padding
--sf-bg
--sf-border
--sf-border-width
--sf-radius
--sf-content-padding
--sf-ratio
--sf-fit
--sf-position
--sf-title-size
--sf-title
--sf-text
--sf-align
--sf-shadow
--sf-hover-shadow
--sf-lift
--sf-zoom
*/
.image-blocks-links-description-module-inner{--sf-columns:3;--sf-tablet-columns:2;--sf-mobile-columns:1;--sf-gap:24px;--sf-max-width:none;--sf-padding:0px;--sf-bg:#f6f5f5;--sf-border:#e7e7e7;--sf-border-width:1px;--sf-radius:12px;--sf-content-padding:20px;--sf-ratio:4 / 3;--sf-fit:cover;--sf-position:center;--sf-title-size:20px;--sf-title:#222;--sf-text:#555;--sf-align:left;--sf-shadow:0 8px 24px rgba(0,0,0,.08);--sf-hover-shadow:0 12px 30px rgba(0,0,0,.12);--sf-lift:-4px;--sf-zoom:1.035;width:100%;max-width:100%;min-width:0}
.image-blocks-links-description-module-inner[data-settings="1"],.image-blocks-links-description-module-inner[data-settings^="1;"]{--sf-columns:12}
.image-blocks-links-description-module-inner[data-settings="2"],.image-blocks-links-description-module-inner[data-settings^="2;"]{--sf-columns:6}
.image-blocks-links-description-module-inner[data-settings="3"],.image-blocks-links-description-module-inner[data-settings^="3;"]{--sf-columns:4}
.image-blocks-links-description-module-inner[data-settings="4"],.image-blocks-links-description-module-inner[data-settings^="4;"]{--sf-columns:3}
.image-blocks-links-description-module-inner[data-settings="5"],.image-blocks-links-description-module-inner[data-settings^="5;"]{--sf-columns:2}
.image-blocks-links-description-module-inner[data-settings="6"],.image-blocks-links-description-module-inner[data-settings^="6;"]{--sf-columns:2}
.image-blocks-links-description-module-inner[data-settings="7"],.image-blocks-links-description-module-inner[data-settings^="7;"],.image-blocks-links-description-module-inner[data-settings="8"],.image-blocks-links-description-module-inner[data-settings^="8;"],.image-blocks-links-description-module-inner[data-settings="9"],.image-blocks-links-description-module-inner[data-settings^="9;"],.image-blocks-links-description-module-inner[data-settings="10"],.image-blocks-links-description-module-inner[data-settings^="10;"],.image-blocks-links-description-module-inner[data-settings="11"],.image-blocks-links-description-module-inner[data-settings^="11;"],.image-blocks-links-description-module-inner[data-settings="12"],.image-blocks-links-description-module-inner[data-settings^="12;"]{--sf-columns:1}
.image-blocks-links-description-module-inner *,.image-blocks-links-description-module-inner *::before,.image-blocks-links-description-module-inner *::after{box-sizing:border-box}
.image-blocks-links-description-module-title{margin-top:0}
.image-blocks-links-description-header,.image-blocks-links-description-footer{width:100%}
.image-blocks-links-description-header{margin-bottom:24px}
.image-blocks-links-description-footer{margin-top:24px}
.image-blocks-links-description-grid{display:grid;grid-template-columns:repeat(var(--sf-columns),minmax(0,1fr));gap:var(--sf-gap);width:100%;max-width:var(--sf-max-width);min-width:0;margin:0 auto;padding:var(--sf-padding);align-items:stretch}
.image-blocks-links-description-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;margin:0;background:var(--sf-bg);border:var(--sf-border-width) solid var(--sf-border);border-radius:var(--sf-radius);box-shadow:var(--sf-shadow);text-align:var(--sf-align);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.image-blocks-links-description-link{position:absolute;inset:0;z-index:2;border-radius:inherit}
.image-blocks-links-description-link[href=""],.image-blocks-links-description-link[href="#"]{display:none}
.image-blocks-links-description-link:focus-visible{outline:3px solid currentColor;outline-offset:-4px}
.image-blocks-links-description-media{position:relative;overflow:hidden;width:100%;aspect-ratio:var(--sf-ratio);background:#eee}
.image-blocks-links-description-image{display:block;width:100%;height:100%;max-width:100%;margin:0;border:0;object-fit:var(--sf-fit);object-position:var(--sf-position);transition:transform .35s ease}
.image-blocks-links-description-content{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;padding:var(--sf-content-padding)}
.image-blocks-links-description-title{margin:0 0 8px;padding:0;color:var(--sf-title);font:inherit;font-size:var(--sf-title-size);font-weight:700;line-height:1.25}
.image-blocks-links-description-description{margin:0;padding:0;color:var(--sf-text);font:inherit;line-height:1.6}
.image-blocks-links-description-description:empty{display:none}
.image-blocks-links-description-item-admin{position:relative;z-index:3;align-self:flex-start;margin-top:14px}
.image-blocks-links-description-item-admin:empty{display:none}
.image-blocks-links-description-card:hover{transform:translateY(var(--sf-lift));box-shadow:var(--sf-hover-shadow)}
.image-blocks-links-description-card:hover .image-blocks-links-description-image{transform:scale(var(--sf-zoom))}
@media (max-width:900px){
.image-blocks-links-description-grid{grid-template-columns:repeat(var(--sf-tablet-columns),minmax(0,1fr))}
}
@media (max-width:600px){
.image-blocks-links-description-grid{grid-template-columns:repeat(var(--sf-mobile-columns),minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){
.image-blocks-links-description-card,.image-blocks-links-description-image{transition:none}
.image-blocks-links-description-card:hover{transform:none}
.image-blocks-links-description-card:hover .image-blocks-links-description-image{transform:none}
}
